<script type="text/javascript">
	$(document).ready(function() {
		$('.desmarcar').click(function() {
			var confirma = confirm('Você tem certeza que deseja desmarcar esse agendamento?');
			if (confirma) {
				alert('Agendamento desmarcado com sucesso!');
			}
			return false;
		});
	});
</script>

<h2 class="center"><img class="icon" alt="Ícone da Agenda" src="/images/agenda.png"/>Minha Agenda</h2>
<form id="pesquisar">
	<div>
		<label for="pesquisa">Pesquisar</label>
		<input type="text" size="60" id="pesquisa" name="pesquisa"/>
	</div>
	<input type="image" src="/images/search.png" name="submit" alt="Pesquisar"/>
</form>

<h2>Agendamentos</h2>
<div id="agendamentos">
	<div class="agendamento">
		<div class="esquerda">
			<p>
				<span class="negrito">Data: </span>20/12/2012 <span class="negrito">Hora: </span>15:30h <br/>
				<span class="negrito">Local de Embarque: </span> Rodovi&aacute;ria <br/>
				<span class="negrito">Local de Destino: </span> Vin&iacute;cula Aurora
			</p>
		</div>
		<div class="direita">
			<a href="#" class="desmarcar">Desmarcar</a>
			<a href="/main/detalhes">+ Detalhes</a>
		</div>
	</div>
	<div class="agendamento">
		<div class="esquerda">
			<p>
				<span class="negrito">Data: </span>20/12/2012 <span class="negrito">Hora: </span>15:30h <br/>
				<span class="negrito">Local de Embarque: </span> Rodovi&aacute;ria <br/>
				<span class="negrito">Local de Destino: </span> Vin&iacute;cula Aurora
			</p>
		</div>
		<div class="direita">
			<a href="#" class="desmarcar">Desmarcar</a>
			<a href="/main/detalhes">+ Detalhes</a>
		</div>
	</div>
	<div class="agendamento">
		<div class="esquerda">
			<p>
				<span class="negrito">Data: </span>20/12/2012 <span class="negrito">Hora: </span>15:30h <br/>
				<span class="negrito">Local de Embarque: </span> Rodovi&aacute;ria <br/>
				<span class="negrito">Local de Destino: </span> Vin&iacute;cula Aurora
			</p>
		</div>
		<div class="direita">
			<a href="#" class="desmarcar">Desmarcar</a>
			<a href="/main/detalhes">+ Detalhes</a>
		</div>
	</div>
	<div class="agendamento">
		<div class="esquerda">
			<p>
				<span class="negrito">Data: </span>20/12/2012 <span class="negrito">Hora: </span>15:30h <br/>
				<span class="negrito">Local de Embarque: </span> Rodovi&aacute;ria <br/>
				<span class="negrito">Local de Destino: </span> Vin&iacute;cula Aurora
			</p>
		</div>
		<div class="direita">
			<a href="#" class="desmarcar">Desmarcar</a>
			<a href="/main/detalhes">+ Detalhes</a>
		</div>
	</div>
</div>

<a id="novo_agendamento" class="botao float" href="/main/logoff">Sair</a>
<a class="botao botao_principal float" href="/novo/agendamento">Novo Agendamento</a>
